<template>
  <div class="box">
    <div>
      <h4>{{ title }}</h4>
      <p>{{ text }}</p>
    </div>
    <P>
      <span>￥{{ price }}</span
      ><br />
      <span>{{ describe}}</span>
    </P>

    <button @click="$emit('select', title)">点菜</button>
  </div>
</template>

<script>
export default {
  props: ["title", "price", "text", "index","describe"],
};
</script>

<style scoped>
.box {
  width: 300px;
  height: 120px;
  padding: 20px;
  margin: 20px;
  border: 1px solid rgb(232, 152, 40);
  display: inline-flex;
  justify-content: space-between;
  cursor: pointer;
}
</style>